.forum-post {
  font-size: 1.1em;
  border-top: $border;
  padding: 0.5rem 0 0.5rem 0;

  &__metas {
    @extend %flex-between;

    > div {
      @extend %flex-center;
    }

    .author {
      color: $c-font-dim;
      font-weight: bold;
      font-size: 1.1em;
      margin-right: 1rem;
    }

    .anchor {
      @extend %break-nope;

      color: $c-link-dim;
      font-weight: bold;
    }

    time {
      margin-right: 1em;
    }

    .delete {
      color: $c-font;
      &:hover {
        color: $c-bad;
      }
    }
  }

  .mod {
    @media (hover: hover) {
      visibility: hidden;
    }

    font-size: 0.9em;
    color: $c-font;
    &:hover {
      color: $c-bad;

      &.quote {
        color: $c-primary;
      }
    }

    &.postip {
      margin-left: 1rem;
      max-width: 50vw;
      overflow: hidden;
      display: none;

      @include breakpoint($mq-small) {
        display: block;
      }
    }
  }

  &:hover .mod {
    visibility: visible;
  }

  &:last-child {
    border-bottom: $border;
    margin-bottom: 3rem;
  }

  &.erased {
    color: $c-font-dimmer;

    .forum-post__message {
      font-style: italic;
      text-align: center;
      margin-bottom: 2em;
    }
    .forum-post__metas {
      justify-content: flex-end;
    }
  }

  &__message {
    @extend %break-word, %zalgoverflow;

    margin-top: 1em;
    margin-bottom: 1em;

    .embed:not(img) {
      @extend %video;

      margin: $block-gap auto;

      &.embed--game {
        @extend %game-embed;
      }
    }

    img {
      max-width: 100%;
    }

    blockquote {
      padding-left: 0.5em;
      border-left: 0.3em solid;
      margin: 0.3em;
    }
  }

  .edit-buttons {
    text-align: right;
    margin-top: 0.5em;
  }

  .edit-buttons a {
    margin-right: 1em;
  }

  .edit-post-form {
    display: none;
    margin-top: 1.5em;

    textarea {
      width: 100%;
      height: 20em;
    }
  }
}
